#curriculog-content.modern-ui,
#curriculog-content.modern-ui #curriculog-list-column,
#curriculog-content.modern-ui #curriculog-summary-column,
#curriculog-content.modern-ui #curriculog-dashboard-column {
  font-family: var(--proposal-font-family, "Gilroy", "Roboto Condensed", Helvetica, Arial, sans-serif);
}

/* Modern import-required status marker: use the shared Lucide file-input icon
 * immediately before the process title. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content .list-name .modern-import-required {
  align-items: center;
  color: #2492bd;
  display: inline-flex;
  flex: 0 0 16px;
  height: 20px;
  justify-content: center;
  margin: 0 8px 0 0;
  order: -1;
  vertical-align: middle;
  width: 16px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content .list-name .modern-import-required::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 16px;
  -webkit-mask: url("/images/modern-ui/lucide/file-input.svg") center / contain no-repeat;
  mask: url("/images/modern-ui/lucide/file-input.svg") center / contain no-repeat;
  width: 16px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content .list-name .modern-import-required::after {
  content: none !important;
}

/* Use the shared Lucide crosslisting marker in Modern UI and keep it before
 * the approval-process name, matching the other refreshed list cards. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content .list-name .modern-crosslisting-marker {
  align-items: center;
  color: var(--proposal-accent, #006075);
  display: inline-flex;
  flex: 0 0 20px;
  height: 20px;
  justify-content: center;
  margin: 0 8px 0 0;
  order: -1;
  vertical-align: middle;
  width: 20px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content .list-name .modern-crosslisting-marker::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 20px;
  -webkit-mask: url("/images/modern-ui/lucide/arrow-left-right.svg") center / contain no-repeat;
  mask: url("/images/modern-ui/lucide/arrow-left-right.svg") center / contain no-repeat;
  width: 20px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content .list-name .modern-crosslisting-marker::after {
  content: none !important;
}

/* Legacy rules attach the crosslist glyph to `.list-name.crosslisted` itself
 * (and, in older markup, to a nested `.crosslisted` span). Suppress both on
 * Modern UI cards so only the explicit modern marker can render. */
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name.crosslisted {
  background: none !important;
  padding-left: 0 !important;
}

#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name.crosslisted::before,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name.crosslisted::after,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name > .crosslisted:not(.modern-crosslisting-marker)::before,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name > .crosslisted:not(.modern-crosslisting-marker)::after {
  content: none !important;
  display: none !important;
}

#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name > img[title="Crosslisted"],
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name > img[src="/images/icons/flat/import.png"],
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name > .crosslisted:not(.modern-crosslisting-marker) {
  display: none !important;
}

#curriculog-content.modern-ui #curriculog-list-column-tabs,
#curriculog-content.modern-ui #curriculog-list-column-tabs a,
#curriculog-content.modern-ui #curriculog-list-column-tabs button,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting label,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting select,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting option,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting input,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting a,
#curriculog-content.modern-ui #curriculog-list-column-results-actions,
#curriculog-content.modern-ui #curriculog-list-column-results-actions a,
#curriculog-content.modern-ui #curriculog-list-column-results-actions button,
#curriculog-content.modern-ui #curriculog-list-column-results-paging,
#curriculog-content.modern-ui #curriculog-list-column-results-paging a,
#curriculog-content.modern-ui #curriculog-list-column-results-paging button,
#curriculog-content.modern-ui #curriculog-list-column-results-paging .paging-disabled,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting-count,
#curriculog-content.modern-ui #account-name-filter-wrapper,
#curriculog-content.modern-ui #account-name-filter-wrapper label,
#curriculog-content.modern-ui #account-name-filter-wrapper input,
#curriculog-content.modern-ui #account-name-filter-wrapper button,
#curriculog-content.modern-ui #curriculog-summary-column .summary,
#curriculog-content.modern-ui #curriculog-summary-column .summary *,
#curriculog-content.modern-ui #curriculog-summary-column .summary-content,
#curriculog-content.modern-ui #curriculog-summary-column .summary-content *,
#curriculog-content.modern-ui #curriculog-summary-column .summary-toolbar,
#curriculog-content.modern-ui #curriculog-summary-column .summary-toolbar *,
#curriculog-content.modern-ui #curriculog-summary-column .step-summary-block,
#curriculog-content.modern-ui #curriculog-summary-column .step-summary-block *,
#curriculog-content.modern-ui #curriculog-summary-column .broken-legend-warning,
#curriculog-content.modern-ui #curriculog-summary-column .broken-legend-warning *,
#curriculog-content.modern-ui #curriculog-dashboard-column,
#curriculog-content.modern-ui #curriculog-dashboard-column * {
  font-family: inherit;
}

#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name-text,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-item-info,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-item-info *,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-details,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-details dt,
#curriculog-content.modern-ui #curriculog-list-column-results-content .list-details dd,
#curriculog-content.modern-ui #curriculog-list-column-results-content .actions,
#curriculog-content.modern-ui #curriculog-list-column-results-content .actions button,
#curriculog-content.modern-ui #curriculog-list-column-results-content .no-results,
#curriculog-content.modern-ui #curriculog-summary-column .summary-title,
#curriculog-content.modern-ui #curriculog-summary-column .summary-content-title,
#curriculog-content.modern-ui #curriculog-summary-column .summary-heading,
#curriculog-content.modern-ui #curriculog-summary-column .summary-steps-heading,
#curriculog-content.modern-ui #curriculog-summary-column .summary-summary,
#curriculog-content.modern-ui #curriculog-summary-column .summary-summary *,
#curriculog-content.modern-ui #curriculog-summary-column .step,
#curriculog-content.modern-ui #curriculog-summary-column .step *,
#curriculog-content.modern-ui #curriculog-summary-column .step-title,
#curriculog-content.modern-ui #curriculog-summary-column .step-field-title,
#curriculog-content.modern-ui #curriculog-summary-column .detail-title,
#curriculog-content.modern-ui #curriculog-summary-column .detail-info,
#curriculog-content.modern-ui #curriculog-summary-column .participants,
#curriculog-content.modern-ui #curriculog-summary-column .activity,
#curriculog-content.modern-ui #curriculog-summary-column .broken-legend-warning,
#curriculog-content.modern-ui #curriculog-summary-column .broken-legend-warning *,
#curriculog-content.modern-ui #curriculog-summary-column .summary-content .close-widget,
#curriculog-content.modern-ui #curriculog-summary-column .summary-content .close-widget * {
  font-family: inherit;
}

#curriculog-content.modern-ui #curriculog-list-column-results-content .list-name,
#curriculog-content.modern-ui #curriculog-summary-column .summary-title,
#curriculog-content.modern-ui #curriculog-summary-column .summary-content-title,
#curriculog-content.modern-ui #curriculog-summary-column .summary-heading,
#curriculog-content.modern-ui #curriculog-summary-column .summary-steps-heading,
#curriculog-content.modern-ui #curriculog-summary-column .step-title,
#curriculog-content.modern-ui #curriculog-summary-column .step-field-title,
#curriculog-content.modern-ui #curriculog-list-column-tabs li,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting label,
#curriculog-content.modern-ui #curriculog-list-column-results-paging,
#curriculog-content.modern-ui #curriculog-list-column-results-sorting-count,
#curriculog-content.modern-ui #account-name-filter-wrapper label,
#curriculog-content.modern-ui #curriculog-list-column-results-actions .new-process-tab,
#curriculog-content.modern-ui #curriculog-summary-column .broken-legend-warning h4,
#curriculog-content.modern-ui #curriculog-summary-column .summary-summary {
  font-weight: 600;
  letter-spacing: 0.01em;
}

#curriculog-content.modern-ui #curriculog-list-column-results-content .actions button,
#curriculog-content.modern-ui #curriculog-summary-column .close-widget,
#curriculog-content.modern-ui #curriculog-summary-column .close-widget strong,
#curriculog-content.modern-ui #curriculog-list-column-results-actions .new-process-tab,
#curriculog-content.modern-ui #approval-process-name-apply {
  font-family: inherit;
}

#curriculog-content.modern-ui .select2-container--curriculog .select2-selection--single,
#curriculog-content.modern-ui .select2-container--curriculog .select2-selection--multiple,
#curriculog-content.modern-ui .select2-container--curriculog .select2-results__option,
#curriculog-content.modern-ui .select2-container--curriculog .select2-selection__rendered,
#curriculog-content.modern-ui .select2-container--curriculog .select2-selection__choice,
#curriculog-content.modern-ui .select2-container--curriculog .select2-selection__placeholder,
#curriculog-content.modern-ui .select2-container--curriculog .select2-selection__clear {
  font-family: inherit !important;
}

/* -------------------------------------------------------------------------
 * Approval-process console
 *
 * The approval-process templates still use the shared list IDs so the
 * existing filtering, paging, flyout, and action JavaScript continues to
 * work.  These rules provide the Modern UI composition around that markup
 * and are deliberately scoped to this page only.
 * ---------------------------------------------------------------------- */
#curriculog-content.modern-ui.approval-processes-page {
  background: var(--proposal-page);
  box-sizing: border-box;
  color: var(--proposal-text);
  max-width: none;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column {
  box-sizing: border-box;
  bottom: auto;
  float: none;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 32px;
  position: relative;
  width: 100%;
}

/* Keep the page shell and navigation in place, but make the filter, process
 * cards, and pagination part of one scrolling list region. */
html:has(#curriculog-content.modern-ui.approval-processes-page .modern-ap-header),
body:has(#curriculog-content.modern-ui.approval-processes-page .modern-ap-header) {
  /* The fixed workspace and footer do not contribute to document height.
   * Keep the clipping boundary at the viewport, below the header dropdown. */
  min-height: 100vh;
  overflow: clip;
}

#curriculog-main.modern-ui-main:has(.approval-processes-page .modern-ap-header) {
  background: var(--proposal-page);
  bottom: 127px;
  height: auto;
  min-height: 0;
  position: fixed;
  top: 72px;
  z-index: 1;
}

body:has(#curriculog-header.modern-ui-header .modern-admin-mode-banner) #curriculog-main.modern-ui-main:has(.approval-processes-page .modern-ap-header) {
  bottom: 127px;
  height: auto;
  top: 102px;
}

/* This page clips document scrolling, so its shared footer must stay visible
 * and the fixed workspace must end above it. */
body:has(.approval-processes-page .modern-ap-header) #curriculog-footer.modern-ui-footer {
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 2;
}

@media (max-width: 640px) {
  #curriculog-main.modern-ui-main:has(.approval-processes-page .modern-ap-header),
  body:has(#curriculog-header.modern-ui-header .modern-admin-mode-banner) #curriculog-main.modern-ui-main:has(.approval-processes-page .modern-ap-header) {
    bottom: 160px;
  }

  body:has(.approval-processes-page .modern-ap-header) #curriculog-footer.modern-ui-footer {
    height: 160px;
  }
}

#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) {
  height: 100%;
  min-height: 0;
}

#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) #curriculog-list-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) .modern-ap-header,
#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) #curriculog-list-column-tabs,
#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) .modern-ap-filter-bar,
#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) #curriculog-list-column-results-pagination {
  flex: 0 0 auto;
}

#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) #curriculog-list-column-results {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) #curriculog-list-column-results-content {
  flex: 0 0 auto;
  min-height: auto;
  overflow: visible;
}

#curriculog-content.modern-ui.approval-processes-page:has(.modern-ap-header) #curriculog-list-column-results-content > li {
  flex: 0 0 auto;
}

/* Admin approval-process lists use document scrolling, not a fixed viewport
 * with a nested results scrollbar. The process summary flyover retains its
 * own scrolling behavior. */
html:has(#curriculog-content.modern-ui.approval-processes-page.admin .modern-ap-header),
body:has(#curriculog-content.modern-ui.approval-processes-page.admin .modern-ap-header) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#curriculog-main.modern-ui-main:has(#curriculog-content.modern-ui.approval-processes-page.admin .modern-ap-header) {
  bottom: auto !important;
  height: auto !important;
  min-height: 0;
  position: relative !important;
  top: auto !important;
  z-index: auto;
}

#curriculog-content.modern-ui.approval-processes-page.admin:has(.modern-ap-header),
#curriculog-content.modern-ui.approval-processes-page.admin:has(.modern-ap-header) #curriculog-list-column {
  height: auto !important;
  min-height: 0;
}

#curriculog-content.modern-ui.approval-processes-page.admin:has(.modern-ap-header) #curriculog-list-column {
  flex: 0 0 auto !important;
}

#curriculog-content.modern-ui.approval-processes-page.admin:has(.modern-ap-header) #curriculog-list-column-results {
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overscroll-behavior: auto;
}

#curriculog-content.modern-ui.approval-processes-page.admin:has(.modern-ap-header) #curriculog-list-column-results-content {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body:has(#curriculog-content.modern-ui.approval-processes-page.admin .modern-ap-header) #curriculog-footer.modern-ui-footer {
  bottom: auto !important;
  left: auto !important;
  position: static !important;
}

/* The summary is a true split-pane on Modern approval-process pages. Reserve
 * its half of the viewport in the list column so the flyout never sits on
 * top of cards or filter controls. */
#curriculog-content.modern-ui.approval-processes-page:has(#curriculog-summary-column.active) #curriculog-list-column {
  max-width: 50vw;
  min-width: 0;
  padding-right: 24px;
  width: 50vw;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-dashboard-column {
  display: none;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-header {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin: 0 0 24px;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-header h1 {
  color: var(--proposal-heading);
  font-family: "Gilroy", sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-header .new-process-tab {
  align-items: center;
  background: var(--proposal-primary);
  border: 1px solid var(--proposal-primary);
  border-radius: 8px;
  box-sizing: border-box;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  height: 44px;
  justify-content: center;
  line-height: 1;
  margin: 0 0 0 auto;
  padding: 10px 16px;
  text-decoration: none;
  white-space: nowrap;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-header .new-process-tab::before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 900;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-header .new-process-tab:hover,
#curriculog-content.modern-ui.approval-processes-page .modern-ap-header .new-process-tab:focus {
  background: var(--proposal-accent);
  border-color: var(--proposal-accent);
  color: #fff;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs {
  background: transparent;
  border-bottom: 1px solid var(--proposal-border);
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul {
  align-items: stretch;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li.active {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li a {
  background: transparent;
  border-bottom: 3px solid transparent;
  box-sizing: border-box;
  color: #64748b;
  display: block;
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 12px 0 9px;
  text-decoration: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li a:hover,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li.active a {
  background: transparent;
  color: var(--proposal-primary);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li.active a {
  border-bottom-color: #388082;
}

/* Keep approval-process tab labels stationary when selection changes. The
 * shared navigation component adds heavier type and extra top padding to the
 * active tab; retain identical metrics and vary only its color/underline. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li a,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li a:hover,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li a:focus,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li.active a {
  border-bottom: 3px solid transparent !important;
  font-weight: 500 !important;
  padding: 4px 8px !important;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-tabs ul li.active a {
  border-bottom-color: #388082 !important;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  height: auto !important;
  padding: 24px 0 0;
  position: relative;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-actions:empty {
  display: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-actions {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-actions .new-process-tab,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-sorting > .new-process-tab {
  margin: 0 0 0 auto;
}

/* Shared legacy/CUI placement fallbacks. Some installations keep the legacy
 * CUI branch while using the modern navigation shell. In that branch the
 * add-widget is absolutely positioned by the shared stylesheet; reset it so
 * it can sit at the row's right edge. */
#curriculog-content.approval-processes-page:not(.modern-ui) #curriculog-list-column-results-sorting {
  align-items: center;
  display: flex;
  width: 100%;
}

#curriculog-content.approval-processes-page:not(.modern-ui) #curriculog-list-column-results-sorting > .new-process-tab {
  margin: 0 0 0 auto;
  position: static;
}

#curriculog-content.approval-processes-page:not(.modern-ui) #curriculog-list-column-results-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

#curriculog-content.approval-processes-page:not(.modern-ui) #curriculog-list-column-results-actions .new-process-tab {
  margin: 0 0 0 auto;
  position: static;
}

/* A few legacy templates render the header outside the modern-ui wrapper. */
#curriculog-content.approval-processes-page .modern-ap-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#curriculog-content.approval-processes-page .modern-ap-header .new-process-tab {
  margin: 0 0 0 auto;
  position: static;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar {
  align-items: end;
  background: #fff;
  border: 1px solid var(--proposal-border);
  border-radius: 16px;
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  margin: 0;
  padding: 24px;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar #curriculog-list-column-results-sorting,
#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar #filter-by-needattention,
#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar #account-name-filter-wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  min-width: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar label {
  color: var(--proposal-accent);
  display: block;
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  order: 0;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar select,
#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar .search-input-wrapper,
#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar input {
  background: #fff;
  border: 1px solid var(--proposal-border);
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--proposal-text);
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 20px;
  min-width: 0;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar select,
#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar input {
  padding: 0 12px;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar input {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar input::placeholder {
  color: var(--proposal-placeholder);
  opacity: 1;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar .search-input-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  padding: 0 12px;
}

#curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar .search-input-wrapper::before {
  background-color: var(--proposal-primary);
  content: "";
  display: block;
  flex: 0 0 16px;
  height: 16px;
  -webkit-mask: url("/images/modern-ui/lucide/search.svg") center / contain no-repeat;
  mask: url("/images/modern-ui/lucide/search.svg") center / contain no-repeat;
  width: 16px;
}

#curriculog-content.modern-ui.approval-processes-page #approval-process-name-apply {
  align-items: center;
  appearance: none;
  background: #fff;
  border: 1px solid var(--proposal-border-control);
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--proposal-primary);
  display: inline-flex;
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  height: 36px;
  justify-content: center;
  margin: 26px 0 0;
  min-width: 158px;
  padding: 8px 16px;
  white-space: nowrap;
}

#curriculog-content.modern-ui.approval-processes-page #approval-process-name-apply::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 16px;
  -webkit-mask: url("/images/modern-ui/lucide/settings-2.svg") center / contain no-repeat;
  mask: url("/images/modern-ui/lucide/settings-2.svg") center / contain no-repeat;
  width: 16px;
}

#curriculog-content.modern-ui.approval-processes-page #approval-process-name-apply:hover,
#curriculog-content.modern-ui.approval-processes-page #approval-process-name-apply:focus {
  background: var(--proposal-page);
  border-color: var(--proposal-primary);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  list-style: none;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li {
  align-items: stretch;
  background: #fff;
  border: 1px solid var(--proposal-border);
  border-left: 5px solid #64748b;
  border-radius: 16px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .02);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-rows: auto auto;
  row-gap: 8px;
  min-height: 0;
  margin: 0 0 16px !important;
  overflow: hidden;
  padding: 20px 28px;
  visibility: visible;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li:hover {
  background: #fff;
  border-left-color: var(--proposal-primary);
  box-shadow: 0 4px 10px rgba(15, 23, 42, .06);
}

/* Match the selected proposal card state: a light blue surface with an inset
 * teal outline, while retaining the AP card's normal left stripe and shadow. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li.active {
  background: #f0f6f9;
  border-left-color: var(--proposal-border-strong, #64748b);
  box-shadow: 0 4px 6px rgba(0, 0, 0, .02);
  outline: 1.5px solid #016075;
  outline-offset: -1.5px;
}

/* The shared proposal-card styles make this wrapper a two-column grid. AP
 * cards use one compact left-hand stack: name, bubbles, then totals. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-item-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  grid-column: 1;
  grid-row: 1 / span 2;
  justify-content: flex-start;
  min-height: 0;
  min-width: 0;
  text-align: left;
  width: auto;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-name {
  align-items: center;
  color: var(--proposal-accent);
  display: flex;
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 700;
  grid-column: 1;
  grid-row: 1;
  line-height: 20px;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-name img {
  height: 16px;
  margin-left: 8px;
  width: 16px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-details {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  grid-column: 1;
  grid-row: 2;
  line-height: 20px;
  margin: 0;
  min-width: 0;
  padding: 0;
  width: auto;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-details::before,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-details::after {
  content: none;
  display: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-details > dt {
  display: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-details > dd {
  align-items: flex-start;
  color: var(--proposal-body);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-family: "Gilroy", sans-serif;
  font-size: 12px;
  font-weight: 400;
  gap: 8px;
  letter-spacing: .24px;
  margin: 0;
  min-width: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-details > dd:first-of-type {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .list-details > dd > span {
  color: var(--proposal-body);
  display: block;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-status {
  align-items: center;
  background: #f0f6f9;
  border: 2px solid #64748b;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  height: 20px;
  margin: 0;
  position: relative;
  width: 20px;
}

/* The AP list follows the compact CUI composition: the process name is
 * followed by the status bubbles, then the mandatory/total count.  Keep the
 * step names available to assistive technology without rendering them as a
 * separate overlapping label row. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-status .step-status-details {
  display: block;
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-status.step-status-conditional {
  background: #fff;
  border-style: dashed;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-status.step-approve,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-complete,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-force-approve {
  background: var(--proposal-success);
  border-color: var(--proposal-success);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-reject,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-force-reject {
  background: var(--proposal-danger);
  border-color: var(--proposal-danger);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-current {
  border-color: var(--proposal-primary);
  box-shadow: inset 0 0 0 4px #fff;
}

/* Conditional steps keep a white fill even when their decision state is
 * approved or rejected; the dashed outline carries the conditional cue. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-status.step-status-conditional {
  background-color: #fff !important;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions {
  align-items: center;
  align-self: stretch;
  border-left: 1px solid var(--proposal-border);
  box-sizing: border-box;
  display: flex;
  gap: 4px;
  grid-column: 2;
  grid-row: 1 / span 2;
  height: auto;
  justify-content: flex-end;
  margin: 0;
  min-width: 0;
  padding: 0 0 0 16px;
  position: static;
  width: auto;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions > li {
  display: flex;
  margin: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: var(--proposal-primary);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  padding: 0;
  width: 40px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button:hover,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button:focus {
  background: var(--proposal-brand-tint);
  color: var(--proposal-accent);
}

/* Starting a proposal should not leave its action icon in the shared blue
 * hover/focus state. Keep the icon's normal appearance for pointer use, while
 * preserving a clear focus indicator for keyboard navigation. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-start:hover,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-start:active,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-start:focus:not(:focus-visible),
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-start:focus-visible,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-processing:hover,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-processing:active,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-processing:focus:not(:focus-visible),
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-processing:focus-visible {
  background: transparent;
  color: var(--proposal-primary);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-processing {
  background: transparent;
  background-image: none;
  color: var(--proposal-primary);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-start:focus-visible {
  outline: 2px solid var(--proposal-primary);
  outline-offset: 2px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-processing:focus-visible {
  outline: 2px solid var(--proposal-primary);
  outline-offset: 2px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button::after {
  background-color: currentColor;
  content: "";
  display: block;
  height: 22px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  margin: 0;
  width: 22px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button::before {
  content: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-edit::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/square-pen.svg");
  mask-image: url("/images/modern-ui/lucide/square-pen.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-copy::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/copy.svg");
  mask-image: url("/images/modern-ui/lucide/copy.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-deactivate::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/ban.svg");
  mask-image: url("/images/modern-ui/lucide/ban.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-reactivate::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/refresh-cw.svg");
  mask-image: url("/images/modern-ui/lucide/refresh-cw.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-delete::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/trash.svg");
  mask-image: url("/images/modern-ui/lucide/trash.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-preview::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/external-link.svg");
  mask-image: url("/images/modern-ui/lucide/external-link.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-start::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/check.svg");
  mask-image: url("/images/modern-ui/lucide/check.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions button.action-processing::after {
  -webkit-mask-image: url("/images/modern-ui/lucide/check.svg");
  mask-image: url("/images/modern-ui/lucide/check.svg");
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li.no-summary {
  display: block;
  min-height: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-top: 4px;
  padding-top: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-paging {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-paging a,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-paging .paging-disabled {
  align-items: center;
  border-radius: 6px;
  box-sizing: border-box;
  color: var(--proposal-body);
  display: inline-flex;
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  justify-content: center;
  min-width: 26px;
  padding: 4px 6px;
  text-decoration: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-paging a:hover,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-paging .paging-disabled {
  background: #e1e7ee;
  color: var(--proposal-accent);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-sorting-count {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  margin: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-sorting-count label {
  color: var(--proposal-body);
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-sorting-count select {
  background: #fff;
  border: 1px solid var(--proposal-border);
  border-radius: 8px;
  color: var(--proposal-text);
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  min-height: 36px;
  padding: 0 10px;
}

/* Process Summary panels --------------------------------------------------
 * The list flyout is still rendered with the shared legacy summary markup.
 * Keep that markup and its selection hooks intact, but give the admin and
 * user panels a single Modern surface, clear hierarchy, and readable step
 * cards. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column.active {
  background: var(--proposal-page);
  border-left: 1px solid var(--proposal-border);
  box-sizing: border-box;
  isolation: isolate;
  padding: 24px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column.active > .summary.active {
  background: var(--proposal-surface);
  border: 1px solid var(--proposal-border);
  border-radius: var(--proposal-radius-large);
  box-shadow: var(--proposal-shadow);
  box-sizing: border-box;
  color: var(--proposal-text);
  min-height: 100%;
  overflow: hidden;
  padding: 0 0 24px;
  position: relative;
  z-index: 1;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column.active > .summary.active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column.active > .summary:not(.active) {
  display: none !important;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-toolbar {
  align-items: center;
  background: var(--proposal-surface);
  border-bottom: 1px solid var(--proposal-border);
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 0;
  min-height: 64px;
  padding: 16px 24px;
  position: sticky;
  top: 0;
  z-index: 2;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-heading {
  color: var(--proposal-primary);
  font-family: var(--proposal-font-family) !important;
  font-size: 24px;
  font-weight: var(--proposal-font-weight-bold);
  letter-spacing: 0;
  line-height: 30px;
  margin: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .close-summary {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: var(--proposal-radius-small);
  color: var(--proposal-primary);
  display: inline-flex;
  flex: 0 0 36px;
  height: 36px;
  justify-content: center;
  margin: 0;
  min-width: 36px;
  padding: 0;
  position: static;
  text-decoration: none;
  width: 36px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .close-summary:focus-visible {
  background: var(--proposal-brand-tint);
  color: var(--proposal-accent);
  outline: 2px solid var(--proposal-focus-ring);
  outline-offset: 2px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .close-summary:focus:not(:focus-visible) {
  background: transparent;
  box-shadow: none;
  outline: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .close-summary strong {
  font-size: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .close-summary::after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content {
  background: transparent;
  box-sizing: border-box;
  color: var(--proposal-body);
  font-family: var(--proposal-font-family) !important;
  font-size: var(--proposal-font-size-body);
  line-height: var(--proposal-line-height-body);
  margin: 0;
  padding: 24px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content > .summary-title {
  color: var(--proposal-heading);
  font-family: var(--proposal-font-family) !important;
  font-size: 24px;
  font-weight: var(--proposal-font-weight-extra-bold);
  letter-spacing: 0;
  line-height: 30px;
  margin: 0 0 20px;
  overflow-wrap: anywhere;
  text-align: left;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content > .summary-content {
  background: var(--proposal-surface-soft);
  border: 1px solid var(--proposal-border);
  border-radius: var(--proposal-radius-medium);
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 20px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content > .summary-content:last-child {
  margin-bottom: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps-heading {
  color: var(--proposal-primary);
  font-family: var(--proposal-font-family) !important;
  font-size: 18px;
  font-weight: var(--proposal-font-weight-bold);
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 12px;
  text-align: left;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-summary {
  color: var(--proposal-body);
  font-family: var(--proposal-font-family) !important;
  font-size: var(--proposal-font-size-body);
  font-weight: var(--proposal-font-weight-regular);
  letter-spacing: 0;
  line-height: var(--proposal-line-height-body);
  margin: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps > .step {
  background: var(--proposal-surface);
  border: 1px solid var(--proposal-border);
  border-left: 4px solid var(--proposal-primary);
  border-radius: var(--proposal-radius-small);
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps > .step:hover {
  border-color: var(--proposal-border-hover);
  border-left-color: var(--proposal-primary);
  box-shadow: var(--proposal-action-shadow);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-titlebar {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-summary-toggle {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--proposal-accent);
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 10px;
  margin: 0;
  min-height: 40px;
  padding: 0;
  text-align: left;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-summary-toggle:focus-visible {
  border-radius: var(--proposal-radius-small);
  outline: 2px solid var(--proposal-focus-ring);
  outline-offset: 3px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-summary-chevron {
  border: solid var(--proposal-primary);
  border-width: 0 2px 2px 0;
  display: block;
  flex: 0 0 8px;
  height: 8px;
  transform: rotate(-45deg);
  transition: transform 0.16s ease;
  width: 8px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-summary-toggle[aria-expanded="true"] .step-summary-chevron {
  transform: rotate(45deg) translate(-2px, -2px);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-fields[hidden] {
  display: none !important;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-title {
  color: var(--proposal-accent);
  font-family: var(--proposal-font-family) !important;
  font-size: 16px;
  font-weight: var(--proposal-font-weight-bold);
  line-height: 20px;
  margin: 0;
  overflow-wrap: anywhere;
  float: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-fields {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 12px 0 0;
  min-height: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .participants,
#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .activity {
  background: var(--proposal-surface-soft);
  border: 1px solid var(--proposal-border);
  border-radius: var(--proposal-radius-small);
  box-sizing: border-box;
  display: block;
  float: none;
  margin: 0;
  min-width: 0;
  padding: 12px;
  vertical-align: initial;
  width: auto;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .step-field-title {
  color: var(--proposal-heading);
  font-family: var(--proposal-font-family) !important;
  font-size: 14px;
  font-weight: var(--proposal-font-weight-bold);
  line-height: 20px;
  margin: 0 0 8px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .details {
  color: var(--proposal-body);
  font-family: var(--proposal-font-family) !important;
  font-size: 13px;
  line-height: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .participants .details li {
  border-bottom: 1px solid var(--proposal-border);
  margin: 0;
  padding: 6px 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .participants .details li:first-child {
  padding-top: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .participants .details li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .activity .details {
  display: grid;
  direction: ltr;
  gap: 6px 8px;
  grid-auto-flow: row;
  grid-template-columns: max-content minmax(0, 1fr);
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .activity .detail-title,
#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .activity .detail-info {
  color: var(--proposal-body);
  font-family: var(--proposal-font-family) !important;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  min-width: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .activity .detail-title {
  clear: none;
  color: var(--proposal-heading);
  float: none;
  grid-column: 1;
  font-weight: var(--proposal-font-weight-semibold);
  text-align: left;
  width: auto;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps .activity .detail-info {
  float: none;
  grid-column: 2;
  text-align: left;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .broken-legend-warning {
  background: #fffaf0;
  border: 1px solid #f2d49b;
  border-radius: var(--proposal-radius-medium);
  color: var(--proposal-body);
  font-family: var(--proposal-font-family) !important;
  font-size: var(--proposal-font-size-body);
  line-height: var(--proposal-line-height-body);
  margin: 0 0 16px;
  padding: 16px 20px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .broken-legend-warning h4 {
  color: #8a5a00;
  font-family: var(--proposal-font-family) !important;
  font-size: 16px;
  font-weight: var(--proposal-font-weight-bold);
  line-height: 20px;
  margin: 0 0 8px;
}

/* Match the agenda detail-panel shell from Figma while preserving the AP
 * summary's own description, step accordions, and legend warning. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column.active {
  background: transparent;
  border-left: 0;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column.active > .summary.active {
  background: var(--proposal-surface, #fff);
  border: 1px solid var(--proposal-border, #e2e8f0);
  border-radius: 0;
  box-shadow: none;
  overflow-y: auto;
  padding: 32px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-toolbar {
  align-items: flex-start;
  background: transparent;
  border: 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 0 0 24px;
  min-height: 0;
  padding: 0;
  position: static;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-content-title {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-content-title {
  align-items: flex-start;
  margin-bottom: 32px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-content-title .summary-title {
  flex: 1 1 auto;
  margin: 0;
  min-width: 0;
  text-align: left;
  width: auto;
}

#curriculog-main #curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-content-title .summary-title {
  box-sizing: border-box;
  font-size: 24px;
  line-height: 29px;
  padding-right: 0;
  width: auto;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-content-title .close-summary {
  flex: 0 0 40px;
  margin-left: auto;
  position: static;
}

#curriculog-main #curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-content-title .close-summary,
#curriculog-main #curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-toolbar .close-summary {
  /* Center the 50px hit target on the title's first 29px line, rather than
   * positioning it against the entire summary or the wrapped title height. */
  align-self: flex-start;
  bottom: auto !important;
  margin-top: -10.5px !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-heading {
  color: var(--proposal-heading, #343e4f);
  flex: 1 1 auto;
  font-family: var(--proposal-font-family, "Gilroy", sans-serif);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 0;
  position: static;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .close-summary {
  background-image: url("/images/modern-ui/agenda/summary-card-x.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 0;
  flex-basis: 40px;
  height: 40px;
  min-width: 40px;
  padding: 8px;
  width: 40px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .close-summary::after {
  content: none !important;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content {
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content > .summary-title {
  color: var(--proposal-heading, #343e4f);
  font-size: 24px;
  font-weight: 800;
  line-height: 29px;
  margin: 0 0 24px;
  padding: 0 48px 0 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content > .summary-content {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0 0 24px;
  padding: 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-steps-heading {
  border-bottom: 1px solid var(--proposal-border, #e2e8f0);
  border-top: 1px solid var(--proposal-border, #e2e8f0);
  color: var(--proposal-heading, #343e4f);
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 16px;
  padding: 15px 0;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary-summary {
  color: var(--proposal-body, #64748b);
  font-size: 14px;
  font-weight: var(--proposal-font-weight-regular);
  letter-spacing: 0.28px;
  line-height: 20px;
}

@media (max-width: 760px) {
  #curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column.active {
    padding: 16px;
    width: 100vw;
  }

  #curriculog-content.modern-ui.approval-processes-page:has(#curriculog-summary-column.active) #curriculog-list-column {
    max-width: none;
    padding-right: 16px;
    width: 100%;
  }

  #curriculog-content.modern-ui.approval-processes-page #curriculog-summary-column .summary > .summary-content {
    padding: 16px;
  }

  #curriculog-content.modern-ui.approval-processes-page #curriculog-list-column {
    padding: 20px 16px;
  }

  #curriculog-content.modern-ui.approval-processes-page .modern-ap-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  #curriculog-content.modern-ui.approval-processes-page .modern-ap-filter-bar {
    grid-template-columns: 1fr;
  }

  #curriculog-content.modern-ui.approval-processes-page #approval-process-name-apply {
    margin-top: 0;
    width: 100%;
  }

  #curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    padding: 16px;
  }

  #curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .actions {
    border-left: 0;
    border-top: 1px solid var(--proposal-border);
    grid-column: 1;
    grid-row: 3;
    justify-content: flex-start;
    margin: 16px -16px -16px;
    min-width: 0;
    padding: 12px 16px;
    width: auto;
  }
}

/* New/copy approval-process dialogs share the modal shell from the AP form
 * designs (Figma nodes 2829:14785 and 2832:14571). */
.ui-dialog.modern-new-ap-dialog {
  background: #fff;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 12px 16px rgba(15, 23, 42, .12);
  box-sizing: border-box;
  height: auto !important;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  padding: 32px;
  width: 540px !important;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar,
.ui-dialog.modern-new-ap-dialog .ui-dialog-content,
.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonpane {
  box-sizing: border-box;
  max-width: none;
  padding: 0;
  width: 100%;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar {
  align-items: center;
  background: #fff;
  border: 0;
  color: #343e4f;
  display: flex !important;
  margin: 0 0 24px;
  min-height: 29px;
  padding-right: 32px;
  position: relative;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-title {
  color: inherit;
  float: none;
  font-family: var(--proposal-font-family, "Gilroy", sans-serif);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 29px;
  margin: 0;
  overflow: visible;
  width: auto;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar-close {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: #016075;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin: 0;
  padding: 0;
  right: 0;
  text-indent: -9999px;
  top: 2px;
  width: 24px;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar-close::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 20px;
  -webkit-mask: url("/images/modern-ui/lucide/x.svg") center / contain no-repeat;
  mask: url("/images/modern-ui/lucide/x.svg") center / contain no-repeat;
  text-indent: 0;
  width: 20px;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar-close .ui-button-text {
  display: none;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog.modern-new-ap-dialog .ui-dialog-titlebar-close:focus-visible {
  background: transparent;
  color: #03748d;
  outline: 2px solid #03748d;
  outline-offset: 2px;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-content {
  color: #383b42;
  font-family: var(--proposal-font-family, "Gilroy", sans-serif);
  max-height: none !important;
  overflow: visible;
}

.ui-dialog.modern-new-ap-dialog #new-process-dialog > .curriculog-dialog-field-options,
.ui-dialog.modern-new-ap-dialog #copy-process-dialog > .curriculog-dialog-field-options {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ui-dialog.modern-new-ap-dialog #new-process-dialog > .curriculog-dialog-field-options > li:not(.new-ap-checkbox-option),
.ui-dialog.modern-new-ap-dialog #copy-process-dialog > .curriculog-dialog-field-options > li:not(.new-ap-checkbox-option) {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.ui-dialog.modern-new-ap-dialog #new-process-dialog label,
.ui-dialog.modern-new-ap-dialog #copy-process-dialog label {
  color: #004165;
  font-family: var(--proposal-font-family, "Gilroy", sans-serif);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0;
  text-transform: none;
}

.ui-dialog.modern-new-ap-dialog #curriculog-dialog-new-process-name,
.ui-dialog.modern-new-ap-dialog #curriculog-dialog-copy-process-name,
.ui-dialog.modern-new-ap-dialog #curriculog-dialog-new-process-type {
  appearance: none;
  background-color: #fff;
  box-sizing: border-box;
  color: #383b42;
  display: block;
  font-family: var(--proposal-font-family, "Gilroy", sans-serif);
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  min-height: 36px;
  padding: 6px 12px;
  width: 100%;
}

.ui-dialog.modern-new-ap-dialog #curriculog-dialog-new-process-name,
.ui-dialog.modern-new-ap-dialog #curriculog-dialog-copy-process-name {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.ui-dialog.modern-new-ap-dialog #curriculog-dialog-new-process-name::placeholder,
.ui-dialog.modern-new-ap-dialog #curriculog-dialog-copy-process-name::placeholder {
  color: var(--proposal-placeholder, #64748b);
  opacity: 1;
}

.ui-dialog.modern-copy-ap-dialog #curriculog-dialog-copy-process-name::placeholder {
  color: #64748b;
}

.ui-dialog.modern-new-ap-dialog #curriculog-dialog-new-process-type {
  background-image: url("/images/modern-ui/lucide/chevron-down.svg");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border: 1px solid #64748b;
  border-radius: 4px;
  font-size: 16px;
  padding-right: 38px;
}

.ui-dialog.modern-new-ap-dialog #curriculog-dialog-new-process-name:focus-visible,
.ui-dialog.modern-new-ap-dialog #curriculog-dialog-copy-process-name:focus-visible,
.ui-dialog.modern-new-ap-dialog #curriculog-dialog-new-process-type:focus-visible {
  border-color: #016075;
  outline: 2px solid rgba(1, 96, 117, .2);
  outline-offset: 1px;
}

.ui-dialog.modern-new-ap-dialog #new-process-dialog > .curriculog-dialog-field-options > .new-ap-checkbox-option,
.ui-dialog.modern-new-ap-dialog #copy-process-dialog > .curriculog-dialog-field-options > .new-ap-checkbox-option {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0;
  min-height: 24px;
  padding: 0;
  position: relative;
}

.ui-dialog.modern-new-ap-dialog .new-ap-checkbox-option input[type="checkbox"] {
  height: 18px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 18px;
}

.ui-dialog.modern-new-ap-dialog .new-ap-checkbox-option label,
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .new-ap-checkbox-option label {
  align-items: center;
  color: #4e5d6c;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  line-height: 20px;
  position: relative;
}

.ui-dialog.modern-new-ap-dialog #new-process-dialog .new-ap-checkbox-option > label {
  float: none !important;
  justify-content: flex-start;
  max-width: none;
  text-align: left !important;
  white-space: nowrap;
  width: auto !important;
}

.ui-dialog.modern-new-ap-dialog .new-ap-checkbox-option label::before,
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .new-ap-checkbox-option label::before {
  background: #fff;
  border: 1px solid #c4d4e8;
  border-radius: 3px;
  box-sizing: border-box;
  content: "";
  flex: 0 0 18px;
  height: 18px;
  margin: 3px;
}

.ui-dialog.modern-new-ap-dialog .new-ap-checkbox-option input:checked + label::before,
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .new-ap-checkbox-option input:checked + label::before {
  background: #016075;
  border-color: #016075;
}

.ui-dialog.modern-new-ap-dialog .new-ap-checkbox-option input:checked + label::after,
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .new-ap-checkbox-option input:checked + label::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  height: 8px;
  left: 7px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 4px;
}

.ui-dialog.modern-new-ap-dialog .new-ap-checkbox-option input:focus-visible + label::before,
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .new-ap-checkbox-option input:focus-visible + label::before {
  outline: 2px solid rgba(1, 96, 117, .35);
  outline-offset: 2px;
}

.ui-dialog.modern-new-ap-dialog .new-ap-checkbox-option input:disabled + label,
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .new-ap-checkbox-option input:disabled + label {
  cursor: not-allowed;
  opacity: .55;
}

/* Keep the copy options beside their checkboxes even when legacy dialog
 * styles are also present on the cloned template. */
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li.new-ap-checkbox-option {
  align-items: center;
  display: flex !important;
  flex-wrap: nowrap;
  flex-direction: row !important;
  gap: 8px;
  justify-content: flex-start;
  position: relative;
}

.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li.new-ap-checkbox-option > label {
  align-items: center;
  display: inline-flex !important;
  float: none !important;
  flex: 0 1 auto;
  margin: 0;
  order: 1;
  position: relative !important;
  text-align: left;
  width: auto !important;
}

.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li.new-ap-checkbox-option > input[type="checkbox"] {
  cursor: pointer;
  height: 18px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 18px;
}

/* The live copy dialog may still use the legacy label-then-input markup. */
.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li:has(> label + input[type="checkbox"]) {
  align-items: center;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-start;
  margin: 0;
  position: relative;
}

.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li:has(> label + input[type="checkbox"]) > label {
  flex: 0 1 auto;
  margin: 0;
  order: 1;
  text-align: left;
  width: auto !important;
}

.ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li:has(> label + input[type="checkbox"]) > input[type="checkbox"] {
  flex: 0 0 18px;
  height: 18px;
  margin: 0;
  opacity: 1 !important;
  order: 0;
  position: static !important;
  width: 18px;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonpane {
  border: 0;
  margin: 24px 0 0;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonset {
  display: flex;
  float: none;
  gap: 12px;
  justify-content: flex-end;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonpane button {
  align-items: center;
  appearance: none;
  border-radius: 8px;
  box-shadow: none;
  box-sizing: border-box;
  display: inline-flex !important;
  font-family: var(--proposal-font-family, "Gilroy", sans-serif);
  font-size: 14px;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 10px 16px;
  text-shadow: none;
  width: auto;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonset button:first-child {
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #016075;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonset button:last-child {
  background: #016075;
  border: 1px solid #016075;
  color: #fff;
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonpane button:hover {
  filter: brightness(.96);
}

.ui-dialog.modern-new-ap-dialog .ui-dialog-buttonpane button:focus-visible {
  outline: 2px solid #03748d;
  outline-offset: 2px;
}

@media (max-width: 680px) {
  .ui-dialog.modern-new-ap-dialog {
    padding: 24px;
    width: calc(100vw - 32px) !important;
  }

  .ui-dialog.modern-new-ap-dialog .ui-dialog-buttonset {
    flex-wrap: wrap;
  }
}

/* Keep long process step rows on one line and let the status strip scroll
 * horizontally within the card's content column. Fixed item bases preserve
 * the circular step indicators instead of compressing them. Keep this after
 * the base list rules so they cannot re-enable wrapping. */
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: nowrap;
  gap: 4px;
  height: 36px;
  max-height: 36px;
  min-height: 36px;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: var(--proposal-border-strong, #94a3b8) transparent;
  scrollbar-width: thin;
  white-space: nowrap;
  width: 100%;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses::before,
#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses::after {
  content: none;
  display: none;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses .step-status {
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses::-webkit-scrollbar {
  height: 6px;
}

#curriculog-content.modern-ui.approval-processes-page #curriculog-list-column-results-content > li .step-statuses::-webkit-scrollbar-thumb {
  background: var(--proposal-border-strong, #94a3b8);
  border-radius: 6px;
}

/* Approval-process deactivation confirmation, matching Figma node 2797:15834. */
.ui-dialog.modern-ap-status-dialog {
  background: #fff;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 12px 16px rgba(15, 23, 42, .12);
  box-sizing: border-box;
  height: auto !important;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  padding: 32px;
  width: 621px !important;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar,
.ui-dialog.modern-ap-status-dialog .ui-dialog-content,
.ui-dialog.modern-ap-status-dialog .ui-dialog-buttonpane {
  box-sizing: border-box;
  max-width: none;
  padding: 0;
  width: 100%;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar {
  align-items: center;
  background: #fff;
  border: 0;
  color: #343e4f;
  display: flex !important;
  margin: 0 0 24px;
  min-height: 29px;
  padding-right: 32px;
  position: relative;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-title {
  color: inherit;
  float: none;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  overflow: visible;
  width: auto;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar-close {
  align-items: center;
  background: transparent;
  border: 0;
  color: #016075;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin: 0;
  padding: 0;
  right: 0;
  text-indent: -9999px;
  top: 2px;
  width: 24px;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar-close::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 20px;
  -webkit-mask: url("/images/modern-ui/lucide/x.svg") center / contain no-repeat;
  mask: url("/images/modern-ui/lucide/x.svg") center / contain no-repeat;
  text-indent: 0;
  width: 20px;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar-close .ui-button-text {
  display: none;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog.modern-ap-status-dialog .ui-dialog-titlebar-close:focus-visible {
  background: transparent;
  color: #03748d;
  outline: 2px solid #03748d;
  outline-offset: 2px;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-content {
  color: var(--proposal-body, #606f84);
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .32px;
  line-height: 1.2;
  max-height: none !important;
  overflow: visible;
  text-align: left;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-buttonpane {
  border: 0;
  margin: 24px 0 0;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-buttonset {
  display: flex;
  float: none;
  gap: 12px;
  justify-content: flex-end;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-buttonpane button {
  align-items: center;
  border-radius: 8px;
  box-shadow: none;
  box-sizing: border-box;
  display: inline-flex !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 10px 16px;
  text-shadow: none;
  width: auto;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-buttonpane button:first-child {
  background: #fff;
  border: 1px solid #e2e8f0;
  color: #016075;
}

.ui-dialog.modern-ap-status-dialog .ui-dialog-buttonpane button:last-child {
  background: #c93636;
  border: 1px solid #c93636;
  color: #fff;
}

.ui-dialog.ui-dialog.modern-ap-status-dialog .ui-dialog-buttonset button:nth-child(2) {
  display: inline-flex !important;
}

@media (max-width: 680px) {
  .ui-dialog.modern-ap-status-dialog {
    padding: 24px;
  }

  .ui-dialog.modern-ap-status-dialog .ui-dialog-buttonset {
    flex-wrap: wrap;
  }
}

/* Copy templates can arrive in either label/input order. Use the actual
 * checkbox in the row and let its label fill the remaining space. */
@layer modern-copy-checkbox-layout {
  .ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li:has(> input[type="checkbox"]) {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li > input[type="checkbox"] {
    flex: 0 0 24px !important;
    height: 24px !important;
    margin: 0 !important;
    opacity: 1 !important;
    order: 0 !important;
    position: static !important;
    width: 24px !important;
  }

  .ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li:has(> input[type="checkbox"]) > label {
    display: block !important;
    flex: 1 1 auto !important;
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    order: 1 !important;
    padding: 0 !important;
    position: static !important;
    text-align: left !important;
    white-space: normal !important;
    width: auto !important;
  }

  .ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li:has(> input[type="checkbox"]) > label::before,
  .ui-dialog.modern-copy-ap-dialog #copy-process-dialog .curriculog-dialog-field-options > li:has(> input[type="checkbox"]) > label::after {
    content: none !important;
    display: none !important;
  }
}